<!--
* Copyright 2016 Longtail Ad Solutions Inc.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
* express or implied. See the License for the specific language
* governing permissions and limitations under the License.
-->

<script src="//content.jwplatform.com/libraries/DbXZPMBQ.js"></script>

<div class="jw-main">   
  <div class="jw-demo"> 


    <!-- player -->
    <div class="player-container">
      <div id="player"></div>
      <p class="widget-description">This demo dynamically loads and displays an external feed of recommended content based on the video in the player. For documentation on data-driven feeds and customizing the widget, see the <a href="//developer.jwplayer.com/jw-platform/docs/developer-guide/building_your_site/widgets/feeds_widgets/">JW Platform Developer Guide</a></p>
    </div>
    <!-- -->

    <!-- feed -->
    <div class="jw-feed-container">
      <h2 id="feedtitle" class="jw-feed-title"></h2>
      <div id="feed" class="jw-feed"></div>
    </div>
    <!-- -->

  </div>
</div>

<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script>
      <script src="dest/templates.js"></script>
      <script src="dest/feeds_harness.js"></script>
      <script>
      var playerDiv = "player", feedDiv = "feed", feedTitleDiv = "feedtitle", media_id = "uNXCVIsW", feed_id = "Xw0oaD4q";
      jsWidget.setup(playerDiv, feedDiv, feedTitleDiv, media_id, feed_id);
      </script>
</body>
</html>